<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>


<tiles:insertTemplate template="Template.jsp">

	<tiles:putAttribute name="head">
	<link href="Styles.css" rel="stylesheet"/>
		<h4>SHOPPING CENTER</h4>
	</tiles:putAttribute>

	<tiles:putAttribute name="body">
		
		<h1 style="text-align: center; color: blue">PRODUCTS</h1>

		<form class="form-search" action="Product.do" method="post">
	    					<input type="text" name="txtSearch" class="input-medium search-query">
	    					<input type="submit" name="btnSearch" class="btn" value="Search">
	    				</form>
		<div style="text-align: center;">
	
			<c:forEach var="c" items="${pro.rows}">
				<div class="pro-box">
					<div class="pro-name">${c.Name}</div>
					<img class="pro-image" src="Hinh/HangHoa/${c.Picture}">
					<div class="pro-price">$${c.UnitPrice}</div>
					<div class="pro-icons">
						<img src="Hinh/icons/Favourites.png"> <img
							src="Hinh/icons/Letter.png"> <img
							src="Hinh/icons/Add to basket.png">
					</div>
				</div>
			</c:forEach>
		</div>


	</tiles:putAttribute>
	
</tiles:insertTemplate>